<div class="layui-row">

    <div class="layui-col-md6">
        <div class="layui-card">
            <div class="layui-card-header">
                {{ __('wechat.material_upload_form') }}
            </div>
            <div class="layui-card-body">
                <form class="layui-form" lay-filter="wechat-material">

                    <div class="layui-form-item">
                        <label class="layui-form-label">{{ __('wechat.material_permanent') }}</label>
                        <div class="layui-input-block">
                            <input type="radio" name="material_long" lay-filter="material_long" value="1"
                                   title="{{ __('switch.yes') }}" checked>
                            <input type="radio" name="material_long" lay-filter="material_long" value="0"
                                   title="{{ __('switch.no') }}">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">{{ __('wechat.material_type') }}</label>
                        <div class="layui-input-block">
                            {% for key,item in material_type %}
                                <input type="radio" name="material_type" lay-filter="material_type" value="{{ key }}"
                                       title="{{ __('wechat')[key] }}">
                            {% endfor %}
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">{{ __('wechat.material_remark') }}</label>
                        <div class="layui-input-block">
                            <input type="text" name="remark" class="layui-input">
                        </div>
                    </div>

                    <div id="video-layui-form-item" class="layui-hide">
                        <div class="layui-form-item">
                            <label class="layui-form-label">{{ __('wechat.material_video_title') }}</label>
                            <div class="layui-input-block">
                                <input type="text" name="video_title" class="layui-input">
                                <div class="layui-word-aux">
                                    {{ __('wechat.material_video_title_tip') }}
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">{{ __('wechat.material_video_desc') }}</label>
                            <div class="layui-input-block">
                                <input type="text" name="video_desc" class="layui-input">
                                <div class="layui-word-aux">
                                    {{ __('wechat.material_video_desc_tip') }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">{{ __('wechat.material_upload') }}</label>
                        <div class="layui-input-block">
                            <div class="layui-upload-drag" style="display: block;" id="upload-material-drag">
                                <i class="layui-icon layui-icon-upload"></i>
                                <div>{{ __('upload.drag_tip') }}</div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label"></label>
                        <button type="button" class="layui-btn layui-btn-normal layui-btn-sm"
                                lay-submit
                                id="upload-material-submit">
                            {{ __('btn.save') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="layui-col-md6">
        <div class="layui-card">
            <div class="layui-card-header">
                {{ __('wechat.material_upload_notice') }}
            </div>
            <div class="layui-card-body">
                {{ __('wechat.material_upload_notice1') }}
                <hr/>
                <span class="layui-font-orange">
                {{ __('wechat.material_upload_notice2') }}
                </span>
                <hr/>
                {{ __('wechat.material_upload_notice3') }}
                <hr/>
                {{ __('wechat.material_upload_notice4') }}
                <hr/>
                {{ __('wechat.material_upload_notice5') }}
                <hr/>
                {{ __('wechat.material_upload_notice6') }}
                <hr/>
                <span class="layui-font-orange">
                {{ __('wechat.material_upload_notice7') }}
                </span>
            </div>
        </div>
    </div>
</div>